import { useState } from 'react'
import { BrowserRouter as Router, Navigate, Route, Routes } from 'react-router-dom';
import Index from "./pages/Index";
import Home from "./pages/Home";
import JumpSet from "./pages/lys/JumpSet";
import MyExcel from "./pages/lys/MyExcel";
import { getRenderRouter } from "./routers";
import NotFound from "./pages/NotFound";

import './App.css'

function App() {
  return (
    <section className="app-page">
      <Router basename={'/'}>
        <Routes>
          <Route path="/" element={<Index/>}>
            {getRenderRouter}
            {/*<Route path="home" element={<Home />} />*/}
            {/*<Route path="lys" >*/}
            {/*  <Route path="jumpSet" element={<JumpSet />} />*/}
            {/*  <Route path="myExcel" element={<MyExcel />} />*/}
            {/*</Route>*/}
          </Route>
          <Route index path="/" element={<Navigate to={`/home`}/>}/>
          
          
          <Route path="/*" element={<NotFound/>}/>
        </Routes>
      </Router>
    </section>
  );
}

export default App
